<template>
  <div class="container">
    <t-tabs v-model="tabValue">
      <t-tab-panel value="1" label="品名品规厂商汇总" :destroyOnHide="false">
        <data-view
          propViewKey="dept_oprt_use_sum"
          :propIsTdesign="true"
          propViewForm="settlement/dept_oprt_use/sum_detail.vue"
          :rowViewCustom="rowViewCustom1"
          :propHideColumns="['busDate']"
          :propShowQueryColumns="['busDate']"
          ref="dvList1"
        />
      </t-tab-panel>
      <t-tab-panel value="2" label="品名汇总"  :destroyOnHide="false" :lazy="true">
        <data-view
          propViewKey="dept_oprt_use_sum_matr_name"
          :propIsTdesign="true"
          propViewForm="settlement/dept_oprt_use/sum_detail.vue"
          :rowViewCustom="rowViewCustom2"
          :propHideColumns="['busDate']"
          :propShowQueryColumns="['busDate']"
          ref="dvList2"
        />
      </t-tab-panel>
    </t-tabs>
  </div>
</template>

<script>
export default {
  help: '高值消耗汇总-列表',
  data() {
    return {
      tabValue: '1'
    }
  },
  components: {
  },
  methods: {
    rowViewCustom1(row) {
      this.$refs.dvList1.openViewFormCustom(row, true)
    },
    rowViewCustom2(row) {
      this.$refs.dvList2.openViewFormCustom(row, true)
    }
  }
}
</script>
